<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册事件的三种方法</title>
	</head>
	<body>
		<button>传统的注册事件方法</button>
		<button>事件监听注册事件</button>
		<button>兼容IE浏览器绑定事件</button>
		
		
		<script type="text/javascript">
			var btns = document.querySelectorAll('button');
			
			//传统的事件绑定
			btns[0].onclick = function() {
				alert('传统注册事件方法1');
			}
			btns[0].onclick = function() {
				alert('传统事件注册方法2');
			}
			
			//监听事件注册
			btns[1].addEventListener('click',function(e) {
				alert('监听注册事件1');
				console.log(e)
			})
//			btns[1].addEventListener('click',function() {
//				alert('监听事件注册2');
//			})
			
			//兼容 IE6.7.8的事件注册
//			btns[2].attachEvent('onclick',function(){
//				alert('兼容IE的事件注册');
//			})
		</script>
	</body>
</html>
